<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>天天生鲜-注册</title>
	<link rel="stylesheet" type="text/css" href="/static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/static/css/main.css">
	<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="/static/js/register.js"></script>
{#    -----------------------------------------------------自写代码部分#}

{#    <script>#}
{#        $(function () {#}
{#            $('#btn').click(function () {#}
{#                let user_name = $('#user_name').val();#}
{#                let pswd = $('#pwd').val();#}
{#                let cpswd = $('#cpwd').val();#}
{#                let email = $('#email').val();#}
{#                let allow = $('#allow').prop('checked');#}
{#                $.ajax({#}
{#                url:'/register1/',#}
{#                type:'post',#}
{#                data:{'user_name':user_name,'pswd':pswd,'cpswd':cpswd,'email':email,'allow':allow},#}
{#                dataType:'json',#}
{#            }).done(function (res) {#}
{#                window.location.href = '/login/';#}
{#            })#}
{#            })#}
{##}
{#        })#}
{#    </script>#}

{#    -----------------------------------------------------自写代码部分#}
    <script>
        $(function () {
            let fail = $('.fail').val();
            if (fail == 3){
                alert('注册失败！请重新注册。');
                {#window.location.href = '/register/'; 可不写，默认跳转回当前页。#}
            }
            if (fail == 2){
                alert('用户名已存在！');
                {#window.location.href = '/register/'; 可不写，默认跳转回当前页。#}
            }
            if (fail == 1){
                alert('注册成功！');
                window.location.href = '/login/';
            }
        })
    </script>

</head>
<body>
<input type="hidden" value="{{ fail }}" class="fail">
	<div class="register_con">
		<div class="l_con fl">
			<a class="reg_logo"><img src="/static/images/logo02.png"></a>
			<div class="reg_slogan">足不出户  ·  新鲜每一天</div>
			<div class="reg_banner"></div>
		</div>

		<div class="r_con fr">
			<div class="reg_title clearfix">
				<h1>用户注册</h1>
				<a href="/login/">登录</a>
			</div>
			<div class="reg_form clearfix">
				<form action="/register1/" method="post" id="reg_form">
                    {% csrf_token %}
				<ul>
					<li>
						<label>用户名:</label>
						<input type="text" name="user_name" id="user_name">
						<span class="error_tip">提示信息</span>
					</li>					
					<li>
						<label>密码:</label>
						<input type="password" name="pwd" id="pwd">
						<span class="error_tip">提示信息</span>
					</li>
					<li>
						<label>确认密码:</label>
						<input type="password" name="cpwd" id="cpwd">
						<span class="error_tip">提示信息</span>
					</li>
					<li>
						<label>邮箱:</label>
						<input type="text" name="email" id="email">
						<span class="error_tip">提示信息</span>
					</li>
					<li class="agreement">
						<input type="checkbox" name="allow" id="allow" checked="checked">
						<label>同意”天天生鲜用户使用协议“</label>
						<span class="error_tip2">提示信息</span>
					</li>
					<li class="reg_sub">
						<input type="submit" value="注 册" name="" id="btn">
					</li>
				</ul>				
				</form>
			</div>

		</div>

	</div>

	<div class="footer no-mp">
		<div class="foot_link">
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">联系我们</a>
			<span>|</span>
			<a href="#">招聘人才</a>
			<span>|</span>
			<a href="#">友情链接</a>		
		</div>
		<p>CopyRight © 2016 北京天天生鲜信息技术有限公司 All Rights Reserved</p>
		<p>电话：010-****888    京ICP备*******8号</p>
	</div>
	
</body>
</html>